//角色列表
@mixin  main-content($main-height-tow){
  .main-content{
    height: $main-height-tow;
    background-color: white;
    box-shadow: 0 2px 12px 0 #D8D8D8;
  }

}

//角色列表
.list-row{
  width: 100%;
  height: 50px;
  color: black;
  text-align: center;
  line-height: 50px;
  .operation{
    width: 100%;height: 30px;
    display: none;
    font-size: 15px;
    line-height: 30px;
  }
  .button{
    width: 100%;
    height: 50px;
  }
  .button-click{
    width: 100%;
    height: 50px;
    background-color: white;
  }
}

.list-row:hover{
  cursor:pointer;
  background-color: #CAE1FF;
  height: 80px;
  .operation{
    display: block;
    background-color: #ebf4ff;
    .operation-edit{
      width: 33%;
      height: 100%;
      display: inline-block
    }
    .operation-edit:hover{
      background-color: #ebf9ff;
    }
    .operation-del{
      width: 34%;
      height: 100%;
      display: inline-block;
      color: red;
    }
    .operation-del:hover{
      background-color: #ebf9ff;
    }
    .operation-view{
      width: 33%;
      height: 100%;
      display: inline-block
    }
    .operation-view:hover{
      background-color: #ebf9ff;
    }
  }
}


.list-row-add{
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: #ebf4ff;
  cursor:pointer;
  .el-icon-plus{
    color: #D1D1D1;
    font-size: 40px;
    line-height: 50px;
  }

}
.list-row-add:hover{
  background-color: #CAE1FF;
  .el-icon-plus{
    color: white;
  }
}